<template>
	<view class="tips-container">
	  <view class="tips-card">
		<view class="tips-header">
		  <text class="tips-title">成为红娘须知</text>
		</view>
		
		<view class="tips-content">
		  <view class="tips-item">
			<u-icon name="checkmark-circle" color="#f14399" size="20"></u-icon>
			<text class="tips-text">不会在首页展示</text>
		  </view>
		  
		  <view class="tips-item">
			<u-icon name="checkmark-circle" color="#f14399" size="20"></u-icon>
			<text class="tips-text">开启"我的团队"功能</text>
		  </view>
		  
		  <view class="tips-item">
			<u-icon name="checkmark-circle" color="#f14399" size="20"></u-icon>
			<text class="tips-text">开启"我的奖励"功能</text>
		  </view>
		  
		  <view class="tips-item">
			<u-icon name="checkmark-circle" color="#f14399" size="20"></u-icon>
			<text class="tips-text">需遵守平台红娘行为规范</text>
		  </view>
		</view>
		
		<button class="confirm-btn" @click="handleConfirm">我已知晓，继续申请</button>
	  </view>
	</view>
  </template>
  
  <script>
  export default {
	onLoad() {
	  // 禁用返回按钮
	//   uni.hideHomeButton();
	  
	  // 拦截返回事件
	  if (typeof plus != 'undefined') {
		plus.key.addEventListener('backbutton', function() {
		  // 不执行任何操作，禁用返回
		});
	  }
	},
	
	methods: {
	  handleConfirm() {
		// 跳转到申请页面
		uni.redirectTo({
		  url: '/pagesA/my/tools/apply_hn'
		});
	  }
	}
  }
  </script>
  
  <style lang="scss">
  .tips-container {
	height: 90vh;
	background-color: #eb9dc824;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40rpx;
  }
  
  .tips-card {
	background-color: #fff;
	border-radius: 24rpx;
	padding: 40rpx;
	width: 100%;
	max-width: 600rpx;
	box-shadow: 0 10rpx 30rpx rgba(241, 67, 153, 0.1);
  }
  
  .tips-header {
	margin-bottom: 40rpx;
	text-align: center;
  }
  
  .tips-title {
	font-size: 36rpx;
	font-weight: bold;
	color: #f14399;
  }
  
  .tips-content {
	margin-bottom: 60rpx;
  }
  
  .tips-item {
	display: flex;
	align-items: center;
	margin-bottom: 30rpx;
  }
  
  .tips-text {
	font-size: 30rpx;
	margin-left: 20rpx;
	color: #333;
  }
  
  .confirm-btn {
	background-color: #f14399;
	color: #fff;
	border-radius: 50rpx;
	height: 80rpx;
	line-height: 80rpx;
	font-size: 32rpx;
	margin-top: 20rpx;
  }
  </style>